<template>
  <div class="infor-content">
    <div class="infor-top">
      <div class="text banner">
        <p>公司资讯</p>
        <p>欢迎与我们联系，我们携手共进，共同努力让未来因我们而更加美好。</p>
      </div>
    </div>
    <div class="infor-nav">
      <div class="navList banner">
        <div>公司资讯</div>
        <div>行业信息</div>
        <div>政策文件</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name:'Information'
}
</script>

<style lang="scss"  scoped>
.infor-content {
  .infor-top {
    width: 100%;
    height: 360px;
    padding: 110px 0 0;
    background: url('../../assets/xc-img/partner_pc_bgc.png');
    background-size: 100% 100%; /* 宽度和高度都设置为容器的100% */
    .text {
      color: #FFFFFF;
      p:nth-child(1) {
        font-family: Alimama ShuHeiTi;
        font-weight: bold;
        font-size: 36px;
        margin-bottom: 23px;
      }
      p:nth-child(2) {
        font-size: 22px;
        font-family: Microsoft YaHei;
      }
    }
  }
  .infor-nav {
    line-height: 60px;
    background-color: #ccc;
    font-size: 20px;
    .navList {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  }
}
</style>